<template>
  <div class="main">
    <myheader>
      <header></header>
    </myheader>
    <introduce></introduce>
    <successfulcases></successfulcases>
    <picture>
      <mypicture></mypicture>
    </picture>

  </div>
</template>

<script>
  import myheader from "@/components/public/navi.vue"
  import introduce from "@/components/front/chef/introduce.vue"
  import successfulcases from "@/components/front/chef/successfulcases.vue"
  import mypicture from "@/components/front/chef/picture.vue"


    export default {
        name: "index",
      components: {myheader,introduce,successfulcases,mypicture}//和上面import 进来的自定义名字关联
    }
</script>

<style scoped lang="stylus">
  .main
    position: relative;
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;



</style>
